.about { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f9f9f9; display: none; }
.about .wrapper { width: 1450px; padding: 80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 1470px) { .about .wrapper { width: 100%; padding: 80px 30px; } }
@media screen and (max-width: 1025px) { .about .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
.about .wrapper .left { width: 50%; margin: 0 80px 0 0; }
@media screen and (max-width: 1025px) { .about .wrapper .left { width: 100%; } }
.about .wrapper .left h2 { color: #333333; font-size: 65px; font-weight: 800; margin: 0 0 40px 0; }
@media screen and (max-width: 1025px) { .about .wrapper .left h2 { font-size: 36px; margin: 0 0 25px 0; } }
.about .wrapper .left p { color: #333333; font-size: 16px; font-weight: 400; margin: 0 0 40px 0; }
@media screen and (max-width: 1025px) { .about .wrapper .left p { margin: 0 0 25px 0; } }
.about .wrapper .left p:last-child { margin: 0 !important; }
.about .wrapper .left p a { color: #72b0c5; font-weight: 700; text-decoration: none; }
.about .wrapper .left .button-blue { background-color: #72b0c5; padding: 20px 50px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 10px; font-size: 24px; font-weight: 700; color: white; margin: 75px 0 0 0; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
@media screen and (min-width: 1026px) and (max-width: 1150px) { .about .wrapper .left .button-blue { font-size: 18px; margin: 40px 0 0 0; } }
@media screen and (max-height: 870px) { .about .wrapper .left .button-blue { margin: 40px 0 0 0; } }
@media screen and (max-width: 1025px) { .about .wrapper .left .button-blue { font-size: 16px; padding: 20px 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; } }
@media screen and (max-width: 768px) { .about .wrapper .left .button-blue { width: 100% !important; } }
.about .wrapper .left .button-blue:hover { color: white; background-color: #333333; }
.about .wrapper .right { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 1025px) { .about .wrapper .right { width: 100%; margin: 35px 0 0 0; height: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
.about .wrapper .right .card { border: 5px #dcebf0 solid; padding: 30px; border-radius: 10px; margin: 0 0 15px 0; }
.about .wrapper .right .card:last-child { margin: 0 !important; }
.about .wrapper .right .card img { height: 50px; }
.about .wrapper .right .card h4 { color: #333333; opacity: 0.8; font-size: 16px; font-weight: 700; margin: 15px 0 10px 0; z-index: 1; }
.about .wrapper .right .card p { color: #333333; opacity: 0.8; font-size: 14px; font-weight: 400; z-index: 1; }